<!--  -->
<template>
  <div class="toast" v-if="isshow">
      <div>{{message}}</div>
  </div>
</template>

<script>
export default {
  data () {
    return {
        
    }
  },
  props:{
      message:{
          type:String,
          default() {
              return ''
          }
      },
      isshow:{
          type:Boolean,
          default() {
              return false
          }
      }
  },
  computed: {
      
  }
}
</script>

<style  scoped>
    .toast {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50% ,-50%);
        width: 180px;
        height: 40px;
        background-color: rgba(0,0,0,.7);
        padding: 8px 10px;
        z-index: 99;
    }
    .toast div {
        text-align: center;
        color: #fff;
        font-size: 16px;
    }
</style>
